<template>
    <div>
        <el-dialog
            title="奖惩提示"
            :visible.sync="dialogVisible"
            width="70%"
            center>
            <div>
                <el-tooltip
                    class="item"
                    effect="dark"
                    content="使用"
                    placement="top"
                >
                    <el-button
                    icon="el-icon-video-play"
                    type="success"
                    @click="onEmploy"
                    circle
                    ></el-button>
                </el-tooltip>
                <el-tooltip
                    class="item"
                    effect="dark"
                    content="退回"
                    placement="top"
                >
                    <el-button
                    icon="el-icon-refresh-left"
                    type="warning"
                    circle
                    ></el-button>
                </el-tooltip>
            </div>
            <el-table
                :data="tableData"
                ref="table"
                header-align="center"
                v-loading="dataListLoading"
                stripe
                class="avue-crud"
                border
                tooltip-effect="dark"
                style="margin-top:20px;width: 100%">
                <el-table-column type="selection" width="55" header-align="center" align="center"></el-table-column>
                <el-table-column prop="" label="序号" :formatter="nShowIndex" align="center" width="70"></el-table-column>
                <el-table-column
                prop="date"
                align="center"
                label="人员编号"
                width="180">
                </el-table-column>
                <el-table-column
                prop="name"
                align="center"
                label="人员名称"
                width="180">
                </el-table-column>
                <el-table-column
                prop="address"
                align="center"
                label="所属单位">
                </el-table-column>
                <el-table-column
                prop="address"
                align="center"
                label="奖惩金额">
                </el-table-column>
                <el-table-column
                prop="address"
                align="center"
                label="类型">
                </el-table-column>
                <el-table-column
                prop="address"
                align="center"
                label="奖金项名称">
                </el-table-column>
            </el-table>
            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">关 闭</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
export default {
    data(){
        return{
            dialogVisible:false,
            tableData:[],
            dataListLoading:false,
            pageIndex: 1,
            pageSize: 10,
            totalPage: 0,
        }
    },
    methods:{
        init(data){
            this.dialogVisible=true
        },
        //使用
        onEmploy(){
            var data=this.$refs.table.selection
        },
        nShowIndex(row, column, cellValue, index) {
            return index + 1 + this.pageSize*(this.pageIndex-1);
        },
    }
}
</script>

<style>

</style>
